define([''],()=>{
    class Show {
        constructor() {
            this.btn = document.querySelectorAll('.left_nav>div')
            // console.log(this.btn)
            this.boxs = document.querySelectorAll('#content>.right_des')
            // console.log(this.boxs)
            this.changeShow()
            this.out()
        }
        changeShow() {
            this.btn.forEach((item, index) => {
                item.onmouseover = () => {
                    this.btn.forEach((res, id) => {
                        res.className = ''
                        this.boxs[id].className = ''
                    })
                    this.btn[index].className = 'active'
                    this.boxs[index].className = 'show'


                }

            });

        }
        out(){
            this.btn.forEach((item,index)=>{
                item.onmouseout=()=>{
                    this.btn.forEach((res, id) => {
                        res.className = ''
                        this.boxs[id].className = ''
                    })
                }
            })
        }

    }
    new Show()
});